<HTML>
<HEAD>
<SCRIPT LANGUAGE="JavaScript">
function setColor(e) {
    document.display.bgColor = e.target.bgColor
}
document.captureEvents(Event.MOUSEOVER)
document.onmouseover = setColor
</SCRIPT>
</HEAD>
<BODY>
<H1>Kolory ta warstw</H1>
<HR>
<SCRIPT LANGUAGE="JavaScript">
var oneLayer
var colorTop = 100
var colorLeft = 20
var colorWidth = 40
var colorHeight = 40
var colorPalette = new Array("aquamarine", "coral", "forestgreen", "goldenrod", "red", 
"magenta", "navy", "teal")
for (var i = 0; i < colorPalette.length; i++) {
    oneLayer = "<LAYER NAME=swatch" + i + " TOP=" + colorTop
    oneLayer += " LEFT=" + ((colorWidth * i) + colorLeft)
    oneLayer += " WIDTH=" + colorWidth + " HEIGHT=" + colorHeight
    oneLayer += " BGCOLOR=" + colorPalette[i] + "></LAYER>\n"
    document.write(oneLayer)
}
</SCRIPT>
<LAYER NAME="display" BGCOLOR="gray" TOP="150" LEFT="80" WIDTH="200" HEIGHT="200">
<B><FONT COLOR="white"><CENTER>Biay tekst wywietlany w warstwie o wybranym kolorze 
ta.</CENTER></FONT></B>
</LAYER>
</BODY>
</HTML>